$(document).ready(function () {

    var a = 1;
    $('.add').click(function () {
        $('#num').html(++a)
    })
    $('.less').click(function () {
        a--;
        if (a < 0)
            return a = 0;
        $('#num').html(a)
    })
  
// function a(n){

//            console.log(this);
//         var obj = $.proxy(a,n);
//         var isClicked = obj.hasClass("select") ? true:false;
//         $(n).removeClass("select"); 
//         isClicked ? null:obj.addClass("select");
//       }

    $(".GB .but").click(function () { 
        var obj = $(this);
       
        var isClicked = obj.hasClass("select") ? true : false;
        $(".GB .but").removeClass("select");
        isClicked ? null : obj.addClass("select");
    });
    $(".taocan .but").click(function () {
        var obj = $(this);
        var isClicked = obj.hasClass("select") ? true : false;
        $(".taocan .but").removeClass("select");
        isClicked ? null : obj.addClass("select");
    });
    // $("#fenqi .fenqi").click(function () {
    //     var obj = $(this);
    //     var isClicked = obj.hasClass("select") ? true : false;
    //     $("#fenqi .fenqi").removeClass("select");
    //     isClicked ? null : obj.addClass("select");

    // });
       

    $('#close').click(function(){
        $('.purchase').slideUp(100);
        $('#bg .bg1').slideUp(100);
    })
    $('#fott .go').click(function(){
        $('.purchase').slideDown(500);
        $('#bg .bg1').slideDown(100);
        
    })
    var ul = $("#FQ ul"); //ul对象
            var parent = ul.parent(); //.container 对象 
            var ul_w = 0; //ul 宽
            var parent_w = parent.width(); //.container 宽
            var max_w = 0; //ul_w - parent_w; //
            var li = ul.find("li");
            // -----------------------------------------------
            var fanxiang = ''; // left,  right
            var left = 0; //鼠标移动的距离，也就是我的ul移动的距离
            var start_x = 0;
            var start_y = 0;
            var end_x = 0;
            var end_y = 0;

            //dom对象，还有一个是 jquery 对象
            var li_w = 0;
            li.each(function (index, ele) {

                li_w = li.eq(index).outerWidth(true);

                ul_w += li_w;
            });
            ul_w = Math.abs(ul_w);
            max_w = ul_w - parent_w;
            handEvent();
            //处理事件
            function handEvent() {
                //开始触模 屏幕时的坐标
                ul.on('touchstart', function (event) {
                    start_x = event.targetTouches[0].pageX;
                  
                    start_y = event.targetTouches[0].pageY;
                    //console.log(start_x, start_y);
                });
                //手指离开时的事件
                ul.on('touchend', function (event) {
                    end_x = event.changedTouches[0].pageX;
                   console.log(event)
                    end_y = event.changedTouches[0].pageY;
                    moveSlide();
                });
            }

            //判断手指移动方向
            function getFanxian() {
                if (end_x == start_x) {
                    return '';
                }
                //计算方向
                if (end_x > start_x) {
                    return 'right';
                } else {
                    return 'left';
                }
            }

            //移动滑块
            function moveSlide() {
                fanxiang = getFanxian(); //获取移动方向
                var move_w = Math.abs(end_x - start_x); //移动的距离
                //没有移动，退出
                if (fanxiang == '') {
                    return;
                }

                //进行移动,向左移动
                if (fanxiang == 'right') {
                    left = left - move_w; //
                    if (left <= 0) {
                        left = 0;
                    }
                    ul.animate({
                        left: '-' + left + 'px'
                    }, 300);
                }

                //进行移动，向右移动
                if (fanxiang == 'left') {
                    left = Math.abs(left + move_w); //

                    if (left > max_w) {
                        left = max_w;
                    }
                    ul.animate({
                        left: '-' + left + 'px'
                    }, 300);
                }

                //console.log('方向：', fanxiang, '鼠标移动距离：', move_w, 'left:', left, 'max_w:', max_w);
            }



});


